<!-- 商品编辑弹窗 -->
<template>
  <ele-modal
    form
    :width="800"
    :model-value="modelValue"
    :title="isUpdate ? '修改商品' : '添加商品'"
    @update:modelValue="updateModelValue"
  >
    <el-image :src="url" />
  </ele-modal>
</template>

<script setup>
  import { ref, watch } from 'vue';
  const emit = defineEmits(['done', 'update:modelValue']);
  const props = defineProps({
    /** 弹窗是否打开 */
    modelValue: Boolean,
    /** 修改回显的数据 */
    data: Object
  });
  /** 更新modelValue */
  const updateModelValue = (value) => {
    emit('update:modelValue', value);
  };

  /** 表单实例 */
  const url = ref('');

  watch(
    () => props.modelValue,
    (modelValue) => {
      if (modelValue) {
        url.value = props.data.share_image;
      } else {
        console.log('无');
      }
    }
  );
</script>
